<ion-view>
    <ion-header-bar class="bar-royal" align-title="left">
        <div class="buttons">
            <button class="button button-icon button-clear ion-navicon" menu-toggle="left"></button>
        </div>
        <h1 class="title">个人中心</h1>
        <div class="buttons">
            <button class="button button-icon button-clear ion-android-more-vertical"></button>
        </div>
    </ion-header-bar>
    <ion-content class="profile">

        <div class="information-profile div-img" vertical layout style="background-image: url('http://data.hdwallpapers.im/cowgirl_beauty.jpg')">
            <div flex></div>
            <div class="text-profile padding">
                <h3 class="text-center no-margin">User Name</h3>
                <p class="text-center no-margin"> <i class="mdi mdi-map-marker energized"></i> PMB 412 Hendersonville, TN 37075 USA</p>
            </div>
        </div>

        <div class="navigation-profile" horizontal layout>
            <div flex style="background-color: #ee2f25;"class="tab-navigation text-center ">
                <div>517</div>
                <div>我的粉丝</div>
            </div>
            <div flex style="background-color: #fe8500;"class="tab-navigation text-center ">
                <div>284</div>
                <div>我的关注</div>
            </div>
        </div>
        <div class="row clear-margin content-group-1" >
           <span class="icon-set">
               <i class="glyphicon glyphicon-education"></i>
            </span>
            <span class="text-left title">我的帖子</span>

            <div class="entry">
                <img src="img/entry.png" style="width:16px"/>
            </div>
        </div>
        <div class="row clear-margin content-group-1" >
           <span class="icon-set">
               <i class="glyphicon glyphicon-education"></i>
            </span>
            <span class="text-left title">我的回复</span>

            <div class="entry">
                <img src="img/entry.png" style="width:16px"/>
            </div>
        </div>
        <div class="row clear-margin content-group-1"  >
           <span class="icon-set">
               <i class="glyphicon glyphicon-education"></i>
            </span>
            <span class="text-left title">我的社团</span>

            <div class="entry">
                <img src="img/entry.png" style="width:16px"/>
            </div>
        </div>
    </ion-content>

</ion-view>
